<!DOCTYPE html>

<%@page import="org.springframework.context.annotation.Import"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<html class="no-js">
	<head>
		<title>IFisher</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet"
			href="<c:url value="/resources/css/foundation.css" />" />
		<link rel="stylesheet"
			href="<c:url value="/resources/css/default.css" />" />
		<script src="<c:url value="/resources/js/vendor/modernizr.js" />"></script>
		<script src="<c:url value="/resources/js/tinymce/tinymce.min.js" />"></script>
	</head>
	
	<body>
		<form action="createProject" method="post">
			<section class="row">
				<div class="large-8 medium-8 small-8 columns">
					<h1 id="projectName" class="editable">Project Name</h1>
				</div>
				<div class="large-4 medium-4 small-4 columns">
					<button class="round button" id="createHelpButton"
						style="float: right;">Help me !</button>
				</div>
			</section>
		
		
			<section class="row">
				<div class="large-8 medium-8 small-8 columns" role="content">
					<h3>Présentation</h3>
					<div id="presentation" class="editable">test d</div>
				</div>
		
				<aside class="large-4 medium-4 small-4 columns">
					<button>Créer</button>
				</aside>
			</section>
		</form>
	
		<section class="reveal-modal medium" id="createHelpModal" data-reveal>
			<a class="close-reveal-modal">&#215;</a>
			<div class="panel">
				<ul>
					<li>Présentation : Affiche une description succinte du projet.</li>
					<li>Téléchargement : Donne tous les liens de téléchargement
						liés au projet.</li>
					<li>Actualités : Les actualités du projet.</li>
					<li>Liens externes : Affiche différents liens liés au projet.</li>
				</ul>
			</div>
		</section>
	
		<!-- Footer -->
		<footer class="row">
			<hr />
			<div class="large-12 medium-12 small-12 columns">
				<div class="row">
					<div class="large-6 columns">
						<p>
							&copy; Copyright <a href="http://raggaroth-factory.com">Raggaroth-factory.com</a>
						</p>
					</div>
					<div class="large-6 columns"></div>
				</div>
			</div>
		</footer>
	
	
		<script src="<c:url value="/resources/js/vendor/jquery.js" />"></script>
		<script src="<c:url value="/resources/js/foundation.min.js" />"></script>
		<script src="<c:url value="/resources/js/ifisher/modals.js" />"></script>
		<script src="<c:url value="/resources/js/ifisher/home.js" />"></script>
		<script>
			$(document).ready(function() {
				
				$(document).foundation();
			
				tinymce.init({
					selector : "div.editable",
					inline : true,
					toolbar : "undo redo",
					menubar : false
				});
		
				tinymce.init({
					selector : "h1.editable",
					inline : true,
					toolbar : "undo redo",
					menubar : false
				});
			});
		</script>
	</body>
</html>